import styled from "styled-components";

// 搜索样式
export const Searchshow = styled.div`
  height: 40px;
  background-color: red;
  /* .search{
    input{}
    button{}
  } */
`;

//内容样式
export const Container = styled.div`
  width: 100%;
  background-color: #fff;
  ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    li {
      width: 60px;
      height: 100%;
      img {
        width: 30px;
      }
      a {
        color: #333;
        padding-top: 5px;
        box-sizing: border-box;
        display: block;
        position: relative;
      }
    }
  }
 .banner-area .ban-txt {
     position:absolute;
     top: 18px;
     left:0;
     width:100%;
     text-align:center;
     color:#fff;
     > .h2{
       font-size:24px;
       text-shadow: 1px 1px 3px #666;
       img{
         display:inline-block;
         height:25px;
         width:25px;
         margin:.06rem 0 0 .1rem;
       }
     }
   }

   .banner-area .ban-txt .left {
     position: absolute;
     left: .2rem;
     top: .15rem;
     img{
       height:130px;
       width:32px;
     }
   }
   .banner-area .ban-txt .right {
     position: absolute;
     right: .2rem;
     top: .15rem;
      img{
       height:130px;
       width:25px;
     }
   }

  .tag-area {
    height: 100%;
    /* background-color: purple; */
    .tag-list {
      height: 40px;
      display: flex;
      justify-content: space-around;
      align-items: center;
       > a {
        width: 100%;
        font-size: 16px;
        text-align: center;
        color: #444;
        text-decoration: none;
       }
    }
  }
`;
//列表样式
export const Listshow = styled.div`
a{
  display:flex;
}
    padding:10px;
    display:flex;
    img{
      width:38%;
    }
    .txt-area{
      span{
        display:flex;
        color:#ddd;
        display:block;
        width:100%;
        font-size:14px;
        margin-left:10px;
      }
      .txt{
        width:100%;
        margin-left:5%;
        padding:15px;
        display:flex;
        justify-content:flex-start;
        align-items:center;
        color:black;
      }
      .price{
        width:100%;
        display:flex;
        margin-left:5%;
         .t1{
          width:70%;
          s{
            //一会儿你吸一吸颜色
            color:#FF4739;
            font-weight:600;
          }
        }
        .t2{
          /* margin-left:30px; */
          color:#ddd;
        }
      }
}

`;
